<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <title>微众智慧社区</title>
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  <link rel="stylesheet" type="text/css" href="assets/css/amazeui.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/app.css">
  <link rel="stylesheet" type="text/css" href="assets/css/common.css">
  <style type="text/css">
    body{background-color: #F7F7F7;}

    .am-tabs-default{margin: 0px;}
    .am-tabs-default .am-tabs-nav>.am-active{border-bottom: 2px solid #000000;}
    .am-tabs-default .am-tabs-nav>.am-active a{color: #BDD84D;background-color: transparent;}
    .am-tabs-default .am-tabs-nav a{color: #88A620;}
    .am-tabs-default .am-tabs-nav {line-height: 40px;background-color: #F6F6F6;}

  </style>
</head>
<body>
  <div data-am-widget="tabs" class="am-tabs am-tabs-default">
      <ul class="am-tabs-nav am-cf">
          <div style="position: relative;width: 44px;height: 44px;margin-right: 50px" onclick="javascript:history.back();">
            <img src="assets/i/actionbar_icon_back.png" style="position: relative;width: 44px;height: 44px;">
          </div>
          <li class="am-active"><a href="[data-tab-panel-0]">商品</a></li>
          <li class=""><a href="[data-tab-panel-1]">评价</a></li>
          <div style="position: relative;width: 44px;height: 44px;margin-left: 50px"></div>
      </ul>
      <div class="am-tabs-bd">
          <div data-tab-panel-0 class="am-tab-panel am-active" style="padding: 0px;border: none;">
            <div style="width: 100%;height: 185px;overflow: hidden;">
              <img src="assets/i/bitmap4.png" style="width: 100%;height: auto;">
            </div>
            <div style="width: 100%;height: auto;padding: 10px;border-bottom: 1px solid #D1D1D1;">
            <div style="width: 100%;height: 24px;line-height: 24px;color: #6D6D6D;font-size: 16px;">超级无敌好吃牛扒</div>
            <div style="width: 100%;height: 24px;line-height: 24px;color: #EF4D4D;font-size: 16px;">¥ 99.89</div>
            </div>
            <div style="padding: 15px;font-size: 13px;color: #6B6B6B">
              这里是商品的图文描述模块！文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。世界上现在除了中国文字的象形文字，其他都是拼音文字。拼音文字是语言的记录，但象形文字不是语言的记录，而是事件的记录。比如中文‘牛’字，最初就是...
            </div>
            <div style="width: 100%;height: 200px;"></div>
          </div>
          <div data-tab-panel-1 class="am-tab-panel " style="padding: 0px;">
            <div class="flexbox-container-horizontal" style="background-color: #FFFFFF;padding-top: 3px;padding-bottom: 3px;
            border-top: 1px solid #D1D1D1;border-bottom: 1px solid #D1D1D1;">
              <div class="flexbox-item flexbox-center-center" style="font-size: 11px;color: #D0D0D0;text-align: center;">好评<br>(88)</div>
              <div class="flexbox-item flexbox-center-center" style="font-size: 11px;color: #D0D0D0;text-align: center;">中评<br>(1)</div>
              <div class="flexbox-item flexbox-center-center" style="font-size: 11px;color: #D0D0D0;text-align: center;">差评<br>(0)</div>
            </div>

            <div class="comment-container" style="margin-top: 15px;">
              <div class="author-bar">
                <img src="assets/i/user_header1.png">
                <div class="name">猴赛雷一号</div>
                <div class="created-date">2016-01-02</div>
              </div>
              <div class="text">这里是用户对商品的文字评价！文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。</div>
            </div>

            <div class="comment-container" style="margin-top: 15px;">
              <div class="author-bar">
                <img src="assets/i/user_header1.png">
                <div class="name">猴赛雷一号</div>
                <div class="created-date">2016-01-02</div>
              </div>
              <div class="text">这里是用户对商品的文字评价！文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。</div>
            </div>

            <div class="comment-container" style="margin-top: 15px;">
              <div class="author-bar">
                <img src="assets/i/user_header1.png">
                <div class="name">猴赛雷一号</div>
                <div class="created-date">2016-01-02</div>
              </div>
              <div class="text">这里是用户对商品的文字评价！文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。</div>
            </div>

            <div class="comment-container" style="margin-top: 15px;">
              <div class="author-bar">
                <img src="assets/i/user_header1.png">
                <div class="name">猴赛雷一号</div>
                <div class="created-date">2016-01-02</div>
              </div>
              <div class="text">这里是用户对商品的文字评价！文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。</div>
            </div>

            <div class="comment-container" style="margin-top: 15px;">
              <div class="author-bar">
                <img src="assets/i/user_header1.png">
                <div class="name">猴赛雷一号</div>
                <div class="created-date">2016-01-02</div>
              </div>
              <div class="text">这里是用户对商品的文字评价！文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。</div>
            </div>

            <div class="comment-container" style="margin-top: 15px;">
              <div class="author-bar">
                <img src="assets/i/user_header1.png">
                <div class="name">猴赛雷一号</div>
                <div class="created-date">2016-01-02</div>
              </div>
              <div class="text">这里是用户对商品的文字评价！文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。</div>
            </div>

            <div class="comment-container" style="margin-top: 15px;">
              <div class="author-bar">
                <img src="assets/i/user_header1.png">
                <div class="name">猴赛雷一号</div>
                <div class="created-date">2016-01-02</div>
              </div>
              <div class="text">这里是用户对商品的文字评价！文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。</div>
            </div>

            <div class="comment-container" style="margin-top: 15px;">
              <div class="author-bar">
                <img src="assets/i/user_header1.png">
                <div class="name">猴赛雷一号</div>
                <div class="created-date">2016-01-02</div>
              </div>
              <div class="text">这里是用户对商品的文字评价！文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。</div>
            </div>

            <div style="width: 100%;height: 100px;"></div>
          </div>
      </div>
  </div>
  <div class="flexbox-container-horizontal" style="position: fixed;left: 0px;bottom: 0px;width: 100%;height: 44px;z-index: 9999;">
    <div class="flexbox-item" style="background-color: #494949;color: #FFFFFF;line-height: 44px;text-align: center;font-size: 16px;">收   藏</div>
    <div class="flexbox-item" style="background-color: #B1D51B;color: #FFFFFF;line-height: 44px;text-align: center;font-size: 16px;">购   买</div>
  </div>
  <script src="assets/js/jquery.min.js"></script>
  <script src="assets/js/amazeui.min.js"></script>
</body>
</html>